<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="asserts/plugins/JQuery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //http://localhost:8080/UserSystem-separate/update.html?id=1
            console.log(location.href.split('=')[1]);
            var id = location.href.split('=')[1];
            //通过 AJAX 发送请求获取 id 对应的对象
            //通过对象数据初始化表单
            $("#username").val("zs");
            //用户点击修改触发点击事件，通过AJAX发送数据到服务器修改对象信息,修改成功返回userList.html页面
        })
    </script>

</head>
<body>
    <form>
        头像:<input type="file" id="fileContent"><br/>
        用户名:<input type="text" id="username" placeholder="请输入用户名"><br/>
        密码:<input type="password" id="password" placeholder="请输入密码"><br/>
        性别:<input type="radio" name="sex" value="man">男
        <input type="radio" name="sex" value="women">女<br/>
        爱好:<input type="checkbox" name="hobbies" value="sing">唱
        <input type="checkbox" name="hobbies" value="jump">跳
        <input type="checkbox" name="hobbies" value="rap">rap<br/>
        地址;<select id="addrs">
            <option value="guangdong">广东</option>
            <option value="guangxi">广西</option>
            <option value="hunan">湖南</option>
            <option value="jiangxi">江西</option>
        </select><br/>
        <input type="button" value="修改" id="button_id">
    </form>
</body>
</html>